  @import (reference) "./../shared/common";
  @import (reference) "./../tab-list/tab-list.component.less";



.top-bar {
  .display-flex(row,space-between, center);
  background-color: #F6F6F6;
  border-bottom: @border-simple-dark;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  .tab-list-link {
    width: 158px;
  }
  .drawer-toggle {
    padding: 0 4px;
  }
  // &::after {
  //   display: block;
  //   content: " ";
  //   height: 1px;
  //   border: 1px solid #D2D2D2;
  //   border-bottom-style: #E8E8E8;
  // }

  .top-bar-right {
    .display-flex(row, flex-end, center);
    .flex();
  }
}

.quote-container {
  background-color: #E8E8E8;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.loader {
  .transition;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  &.loading {
    display: block;
    z-index: 100;
    opacity: 1;
  }
  .fa {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%, 0);
    transform: translate(-50%, -50%, 0);
    color: white;
  }
}